<html !Doctype>
<head>
<link href="../min/metro-bootstrap.min.css" rel="stylesheet">
<link href="../min/metro-bootstrap-responsive.min.css" rel="stylesheet">
<link href="../min/iconFont.min.css" rel="stylesheet">

<script src="../min/jquery.min.js"></script>
<script src="../min/jquery.ui.widget.min.js"></script>
<script src="../min/jquery.mousewheel.js"></script>
<script src="../min/metro.min.js"></script>
</head>
<body class="metro">
<div class="container">
<h1>
<a href="../index.html">
<i class="icon-arrow-left-3 fg-darker smaller">
</i>
</a>
Client<small class="on-right">menu
</small>
</h1>
<a href="Add.html">
<div class="tile bg-cobalt" >
    <div class="tile-content icon">
        <i class="icon-user-2"></i>
    </div>
    <div class="brand">
        <span class="label fg-white">Add Client</span>
        <div class="badge"><i class="icon-plus-2"></i></div>
    </div>
</div>
</a>
<a href="Edit.html">
<div class="tile bg-amber">
    <div class="tile-content icon">
        <i class="icon-user-2"></i>
    </div>
    <div class="brand">
        <span class="label fg-white">Edit Client</span>
        <div class="badge"><i class="icon-tools"></i></div>
    </div>
</div>
</a>

<a href="#">
<div class="tile bg-cobalt" >
    <div class="tile-content icon">
        <i class="icon-wrench"></i>
    </div>
    <div class="tile-status">
        <span class="name">Client Status</span>
    </div>
</div>
</a>
</div>
</body>
</html>